
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #000000;
}

.center-container {
    position: relative; /* 或 absolute/fixed，取决于你的需求 */
    height: 85vh; /* 视口高度的100% */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.login-box {
    border: 2px solid #ccc; /* 边框 */
    border-radius: 20px; /* 圆角 */
    padding: 20px; /* 内边距 */
    width: 300px; /* 宽度 */
    margin: 0 auto; /* 居中显示 */
    background-color: #fff; /* 背景色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影 */
    height:400px;
}

.registration-box {
    width: 550px;
    padding: 20px;
    border: 3px hidden #ccc; /* 使用灰色点线边框 */
    border-radius: 10px; /* 添加圆角 */
    background-color: #fff; /* 背景色设置为白色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.registration-box table {
    width: 100%;
    border-collapse: collapse; /* 移除单元格间距 */
}

.registration-box table tr td {
    padding: 10px; /* 添加单元格内边距 */
    /*border-bottom: 1px solid #ddd; /* 添加底部边框 */
}

.registration-box table tr td:first-child {
    text-align: right; /* 第一个单元格文本右对齐 */
    width: 150px; /* 宽度设置 */
}

.registration-box table tr td input[type="text"],
.registration-box table tr td input[type="password"] {
    width: 100%; /* 输入框宽度设置为100% */
    box-sizing: border-box; /* 包含padding和border在width内 */
    transition: border-color 0.3s ease;
}


/* 输入框获得焦点时的样式 */
input[type="text"]:focus,
input[type="password"]:focus,
    /* 添加其他你需要的输入框类型 */
textarea:focus {
    border-color: #cccc;
    outline: none; /* 移除浏览器默认的聚焦轮廓线（如果需要的话） */
}


.registration-box table tr:last-child td {
    border-bottom: none; /* 最后一行没有底部边框 */
}

.registration-box input[type="submit"] {
    display: block;
    margin: 20px auto; /* 提交按钮水平居中 */
    padding: 10px 20px;
    background-color: #f9c73d; /* 使用给定的颜色 */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease; /* 添加过渡效果 */
    width: 90px;
    height: 40px;
}

.registration-box input[type="submit"]:hover {
    background-color: #f6bd26; /* 鼠标悬停时颜色变深 */
}

/* 消息提示的样式（如果需要） */
.registration-box span {
    color: red; /* 假设错误消息为红色 */
    font-size: 12px;
}

.login-service {
    color: #f9c73d; /* 字体颜色 */
    text-decoration: none; /* 移除下划线 */
    /* 你可以添加更多的样式，比如字体大小、字体样式等 */
    font-size: 16px; /* 示例字体大小 */
    /* 如果你想要鼠标悬停时的样式变化，可以添加 :hover 伪类 */
    transition: color 0.3s ease; /* 过渡效果，使颜色变化更平滑 */
}

.login-service:hover {
    color: #e6b52d; /* 示例：鼠标悬停时颜色变深 */
    text-decoration: underline; /* 示例：鼠标悬停时显示下划线 */
}